<template>
  <div class='articles-preview'>
    <div class="title">
          <h2>{{list.title}}</h2>
          <div>
            <span>{{list.createTime|parseTimeByString}}</span>
            <span>{{list.username}}</span>
            <span class="el-icon-view"></span>
            <span>{{list.visits}}</span>
            <div v-html="list.articleBody"></div>
          </div>
        </div>
  </div>
</template>

<script>
export default {
  name:'ArticlesPreview',
  data(){
    return{}
  },
  props:{
    list:{
      type:[Object],
      require:true
    }
  },
  created(){
    
  },
  methods:{
    
  }

}
</script>

<style scoped lang='scss'></style>
